@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto);
body .center-innerbox {
width: 940px;
padding: 0px;
margin: 0 auto;
background: #FFF;
border-top: 1px solid #d6d6d6;
}
body .center-innerbox .container {
display: table;
table-layout: fixed;
width: 900px;
border-top: 1px solid #d6d6d6;
padding-top: 1.25em;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
body .center-innerbox .container > div {
display: table-cell;
vertical-align: top;
}
body .center-innerbox h2 {
font-size: 1em;
font-weight: 300;
text-transform: uppercase;
color: #999;
}
body .center-innerbox h2.logo {
float: right;
margin-bottom: 10px;
}
body .center-innerbox h2.logo img {
max-width: 160px;
}
body .center-innerbox .content {
width: 563px;
padding-right: 18px;
border-right: 1px solid #d6d6d6;
}
body .center-innerbox .content img {
max-width: 100%;
}
body .center-innerbox .content h1 {
font-weight: 400;
color: #333;
font-size: 2.25em;
padding: .4em 0;
}
body .center-innerbox .content h2 {
text-transform: none;
font-size: 1.0625em;
font-weight: 400;
color: #666;
}
body .center-innerbox .content .maincaption {
font-size: 12px;
margin-top: 5px;
color: #666;
}
body .center-innerbox .content ul.tools {
border-top: 1px solid #999;
padding-top: 5px;
text-transform: uppercase;
font-size: 10px;
color: black;
margin-top: 2em;
overflow: hidden;
line-height: 150%;
font-weight: 300;
width: 81.7%;
}
body .center-innerbox .content ul.tools li {
float: left;
width: 25%;
border: none;
list-style: none;
}
body .center-innerbox .content ul.tools li.tekst ul li {
width: 20px;
}
body .center-innerbox .content ul.tools li.tekst ul li a {
display: inline-block;
}
body .center-innerbox .content ul.tools li.tekst ul li a:before {
content: "";
background-image: url(/graphics/annoncer/sprites.png);
background-repeat: no-repeat;
display: inline-block;
height: 20px;
width: 20px;
}
body .center-innerbox .content ul.tools li.tekst ul li.s a:before {
background-position: 0 0;
}
body .center-innerbox .content ul.tools li.tekst ul li.m a:before {
background-position: -24px 0;
}
body .center-innerbox .content ul.tools li.tekst ul li.l a:before {
background-position: -47px 0;
}
body .center-innerbox .content ul.tools > li ~ li a {
display: inline-block;
}
body .center-innerbox .content ul.tools > li ~ li a:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
float: left;
background-image: url(/graphics/annoncer/sprites.png);
background-repeat: no-repeat;
}
body .center-innerbox .content ul.tools > li ~ li.share_on_facebook a:before {
background-position: -72px 0;
}
body .center-innerbox .content ul.tools > li ~ li.send a:before {
background-position: -98px 0;
}
body .center-innerbox .content ul.tools > li ~ li.print a:before {
background-position: -125px 0;
}
body .center-innerbox .content .factbox {
float: right;
width: 210px;
background-color: #fff;
border-top: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
margin-top: 14px;
margin-left: 10px;
font-size: 80%;
}
body .center-innerbox .content .factbox h3 {
font-weight: 300;
text-transform: uppercase;
font-size: 100%;
}
body .center-innerbox .content .factbox li {
list-style: square;
margin-left: 17px;
}
body .center-innerbox .content article {
width: 81.7%;
font-size: 0.9375em;
color: #111;
line-height: 150%;
font-weight: 300;
}
body .center-innerbox .content article p a {
color: #cc0000;
text-decoration: underline;
}
body .center-innerbox .content article .img-contimg-fl-left {
margin-right: 10px;
float: left;
margin-bottom: 10px;
}
body .center-innerbox .content article .img-contimg-fl-right {
margin-left: 10px;
float: right;
margin-bottom: 10px;
}
body .center-innerbox .content article .caption {
font-size: 12px;
line-height: 100%;
}
body .center-innerbox .content article li {
list-style: square;
margin-left: 17px;
}
body .center-innerbox .content article.s p {
font-size: 0.9375em;
line-height: 148%;
}
body .center-innerbox .content article.m p {
font-size: 1em;
line-height: 150%;
}
body .center-innerbox .content article.l p {
font-size: 1.0625em;
line-height: 155%;
}
body .center-innerbox .content .bottomlinks {
width: 81.7%;
padding-top: 1em;
}
body .center-innerbox .content .bottomlinks h2 {
color: #999999;
font-size: 1em;
font-weight: 300;
text-transform: uppercase;
padding-top: .5em;
border-top: 2px solid #d6d6d6;
}
body .center-innerbox .content .bottomlinks li {
border-top: 2px solid #d6d6d6;
}
body .center-innerbox .content .bottomlinks li a {
display: block;
padding: .7em 0;
font-size: 1.3125em;
}
body .center-innerbox .content .bottomlinks li:first-child {
border: 0;
}
body .center-innerbox .sidebar {
padding-left: 18px;
width: 300px;
}
body .center-innerbox .sidebar h2 {
border-top: 2px solid #d6d6d6;
margin: 1.5em 0 .75em;
padding-top: 1em;
}
body .center-innerbox .sidebar h2:first-child {
margin: 0;
padding: 0;
border: none;
}
body .center-innerbox .sidebar h3 {
color: #999;
font-size: 1.5em;
font-weight: normal;
}
body .center-innerbox .sidebar ul {
margin-bottom: 1.5em;
}
body .center-innerbox .sidebar ul li {
border-bottom: 2px solid #d6d6d6;
padding: .5em 0;
overflow: hidden;
}
body .center-innerbox .sidebar ul li a + a {
display: block;
width: 178px;
float: right;
}
body .center-innerbox .sidebar ul li:first-child a {
width: auto;
float: none;
}
body .center-innerbox .sidebar .fb-like-box span {
height: 90px !important;
}
body .center-innerbox .sidebar iframe {
overflow: visible !important;
}
body .center-innerbox footer {
background: #333;
color: white;
overflow: hidden;
margin: 0px 0px -20px;
padding: 20px 20px 80px;
max-width: 900px;
margin: auto;
font-size: 0.75em;
font-family: Roboto, Arial, sans-serif;
}
body .center-innerbox footer .logo {
display: block;
height: 2.5em;
background-image: url(/graphics/annoncer/pol_logo.png);
background-repeat: no-repeat;
}
body .center-innerbox footer a {
color: white;
text-decoration: underline;
}
body .center-innerbox footer li {
width: 25%;
float: left;
}
body .center-innerbox footer li em {
display: block;
text-transform: uppercase;
font-style: normal;
color: #999;
margin-top: 1em;
}
body .center-innerbox footer li em:first-child {
margin-top: 0;
}
.samarbejder-rubrik {
font-size: 28px;
}
.samarbejder-rubrik span {
color: #cc0000;
text-transform: uppercase;
}
.samarbejder-content .see-more-art {
width: 940px;
}
.samarbejder-content .see-more-art .date {
display: none;
}
.samarbejder-content .see-more-art h2 {
color: #cc0000;
font-family: Roboto, Arial, sans-serif;
font-weight: 700;
font-size: 20px;
}
.samarbejder-content .samarbejder-rubrik {
font-family: Roboto, Arial, sans-serif;
font-weight: 700;
font-size: 40px;
}
.samarbejder-content #center-inner-container {
width: 940px;
margin: auto;
}
.samarbejder-content #center-inner-container ul li a {
font-family: Roboto, Arial, sans-serif;
font-weight: 700;
font-size: 20px;
}
.samarbejder-content .content h2 .art-underrubrik {
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
color: #666;
}
.samarbejder-content .art-view {
font-size: 18px;
}
.samarbejder-content .samarbejder-list-one,
.samarbejder-content .samarbejder-list-two {
border-top: 1px solid #CCC;
padding-bottom: 10px;
padding-top: 10px;
clear: both;
margin-bottom: 20px;
}
.samarbejder-content .samarbejder-list-one h2,
.samarbejder-content .samarbejder-list-two h2 {
font-family: "Politiken Egyptienne", Georgia, serif;
font-size: 28px;
margin-bottom: 5px;
}
.samarbejder-content .samarbejder-list-one .showmore-button,
.samarbejder-content .samarbejder-list-two .showmore-button {
margin: auto;
width: 130px;
}
.samarbejder-content .samarbejder-list-one .showmore-button button,
.samarbejder-content .samarbejder-list-two .showmore-button button {
background: #FFF;
cursor: pointer;
font-weight: bold;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 16px;
box-shadow: 0 3px 0 #ccc;
color: #444;
margin: 5px auto;
padding: 0px 10px;
padding-bottom: 1px;
text-align: center;
text-transform: uppercase;
height: 30px;
width: 130px;
clear: both;
}
.samarbejder-content .samarbejder-list-one {
margin-top: 30px;
}
.samarbejder-content .samarbejder-list-element {
width: 300px;
float: left;
padding-right: 20px;
margin-bottom: 10px;
padding-bottom: 26px;
overflow: hidden;
border-top: 1px solid #CCC;
padding-top: 10px;
}
.samarbejder-content .last-element {
padding-right: 0px;
}
.samarbejder-content .element-rubrik {
font-family: Roboto, Arial, sans-serif;
font-weight: 700;
font-size: 20px;
}
.samarbejder-content .element-rubrik span {
color: #cc0000;
text-transform: uppercase;
}
.samarbejder-content .line {
border-bottom: 1px solid #CCC;
height: 1px;
width: 940px;
clear: both;
margin-bottom: 10px;
}
.samarbejder-content .samarbejder .article-forside,
.samarbejder-content .samarbejder .samarbejder-rubrik,
.samarbejder-content .samarbejder .art-underrubrik {
width: 620px;
}
.samarbejder-content .samarbejder .art-view-top {
overflow: hidden;
}
.samarbejder-content .samarbejder .art-view-top .littlebox {
position: absolute;
width: 300px;
overflow: hidden;
margin-top: 22px;
right: 10px;
}
.samarbejder-content .bigbox {
margin-bottom: 15px;
}
.samarbejder-content .img-container {
overflow: hidden;
height: 165px;
}
.samarbejder-940-box {
width: 940px;
padding-top: 10px;
background-color: #FFF;
margin: 15px 0;
}
.samarbejder-940-box .container {
background-color: #FFF;
width: 940px;
display: table;
position: relative;
padding-bottom: 10px;
}
.samarbejder-940-box .container .left {
width: 420px;
background: #fff;
display: table-cell;
padding-left: 10px;
}
.samarbejder-940-box .container .right {
width: 520px;
background: #FFF;
display: table-cell;
vertical-align: top;
padding-left: 20px;
}
.samarbejder-940-box .container .right .content {
width: 400px;
padding-bottom: 85px;
}
.samarbejder-940-box .container .right .graphic {
position: absolute;
width: 500px;
bottom: 8px;
margin: 0;
}
.samarbejder-940-box h1 {
font-size: 40px;
margin-top: 8px;
font-family: Roboto, Arial, sans-serif;
font-weight: 700;
}
.samarbejder-940-box h2 {
border-bottom: 1px solid #CCC;
border-top: 8px solid #C00;
margin-left: 10px;
margin-top: 0;
padding-left: 0;
margin-right: 10px;
margin-bottom: 12px;
padding-bottom: 4px;
overflow: hidden;
font-size: 20px;
font-family: "Politiken Egyptienne", Georgia, serif;
}
.samarbejder-940-box h2 img {
float: right;
max-width: 200px;
margin-top: 4px;
}
.samarbejder-940-box .art-created {
font: normal 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #999;
padding: 0px;
margin-bottom: 5px;
margin-top: 5px;
}
.samarbejder-940-box .art-created a,
.samarbejder-940-box .art-created a:visited {
color: #000;
padding-right: 5px;
}
.samarbejder-940-box .art-created a:hover {
color: #c00;
}
.samarbejder-300-box {
width: 300px;
overflow: hidden;
border-top: 6px solid #C00;
border-bottom: 1px solid #CCC;
margin-bottom: 12px;
padding-bottom: 10px;
}
.samarbejder-300-box p {
vertical-align: top;
width: 195px;
display: table-cell;
}
.samarbejder-300-box span {
font-size: 12px;
margin-bottom: 4px;
display: block;
}
.samarbejder-300-box h2 {
font-size: 16px;
margin-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #CCC;
font-family: "Politiken Egyptienne", Georgia, serif;
display: table;
margin-bottom: 10px;
width: 100%;
}
.samarbejder-300-box img {
display: table-cell;
}
.samarbejder-300-box .art-created {
font: normal 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #999;
padding: 0px;
margin-bottom: 5px;
margin-top: 5px;
}
.samarbejder-300-box .art-created a,
.samarbejder-300-box .art-created a:visited {
color: #000;
padding-right: 5px;
}
.samarbejder-300-box .art-created a:hover {
color: #c00;
}
.samarbejder-300-box .samarbejder-content h1 {
margin-top: 4px;
font-size: 20px;
font-family: Roboto, Arial, sans-serif;
font-weight: 700;
}